<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="./node_modules/gentelella/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="./node_modules/gentelella/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="./node_modules/gentelella/vendors/nprogress/nprogress.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="./node_modules/gentelella/vendors/iCheck/skins/flat/green.css" rel="stylesheet">
    <!-- Datatables -->
    <link href="./node_modules/gentelella/vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
    <link href="./node_modules/gentelella/vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css" rel="stylesheet">
    <link href="./node_modules/gentelella/vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css" rel="stylesheet">
    <link href="./node_modules/gentelella/vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css" rel="stylesheet">
    <link href="./node_modules/gentelella/vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css" rel="stylesheet">
    <link href="./node_modules/gentelella/vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
    <link href="./node_modules/gentelella/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css" rel="stylesheet">
    
    <link href="./node_modules/gentelella/vendors/select2/dist/css/select2.min.css" rel="stylesheet">
    <link href="./node_modules/gentelella/build/css/custom.min.css" rel="stylesheet">
    <link href="./dist/common/skin/layer.css" rel="stylesheet">
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body class="nav-md">
    <div class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col">
                <div class="left_col scroll-view">
                    <div class="navbar nav_title" style="border: 0;">
                        <a href="javascript:;" class="site_title">
                            <i class="fa fa-paw"></i>
                            <span>教育系统</span>
                        </a>
                    </div>

                    <div class="clearfix"></div>
                    <div id="sidebar-menu" v-cloak class="main_menu_side hidden-print main_menu">
                        <div class="menu_section">
                            <ul class="nav side-menu">
                                <li v-for="first in menu.childrens">
                                    <a v-bind:href="first.url">
                                        <i class="fa fa-home"></i> {{first.menuName}}
                                        <span v-if="first.childrens.length!=0" class="fa fa-chevron-down"></span>
                                    </a>
                                    <ul v-if="first.childrens.length!=0" class="nav child_menu">
                                        <li v-for="second in first.childrens">
                                            <a v-bind:href="second.url">
                                                <span class="link-title">
                                                    {{second.menuName}}
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="sidebar-footer hidden-small">
                        <a data-toggle="tooltip" class="logout" data-placement="top" title="注销" href="javascript:;">
                            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                        </a>
                    </div>

                </div>
            </div>

            <div class="top_nav">
                <div class="nav_menu">
                    <nav>
                        <div class="nav toggle">
                            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                        </div>
                        <ul class="nav navbar-nav navbar-right">
                            <li class="">
                                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">

                                    <span class=" fa fa-angle-down"></span>
                                </a>
                                <ul class="dropdown-menu dropdown-usermenu pull-right">
                                    <li><a href="javascript:;" class="logout"><i class="fa fa-sign-out pull-right"></i> 注销</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <div class="right_col" role="main">
                <div class="">

                    <div class="row" id="content">
                    </div>
                </div>
            </div>
        </div>
        <!-- /page content -->
        <!-- footer content -->
        <footer>
            <div class="pull-right">
                <a href="javascript:;"></a>
            </div>
            <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
    </div>
    <script src="./node_modules/gentelella/vendors/jquery/dist/jquery.min.js" defer></script>
    <script src="./node_modules/gentelella/vendors/bootstrap/dist/js/bootstrap.min.js" defer></script>
    <script src="./node_modules/gentelella/vendors/fastclick/lib/fastclick.js" defer></script>
    <script src="./node_modules/gentelella/vendors/nprogress/nprogress.js" defer></script>
    <script src="./node_modules/gentelella/vendors/moment/min/moment.min.js" defer></script>
    <script src="./node_modules/gentelella/vendors/bootstrap-daterangepicker/daterangepicker.js" defer></script>
    <script src="./node_modules/gentelella/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js" defer></script>
    <script src="./node_modules/gentelella/vendors/validator/validator.js" defer></script>
    <script src="./node_modules/gentelella/vendors/bootstrap-wysiwyg/js/bootstrap-wysiwyg.min.js" defer></script>
    <script src="./node_modules/gentelella/vendors/google-code-prettify/src/prettify.js" defer></script>
    <script src="./node_modules/gentelella/vendors/iCheck/icheck.min.js" defer></script>
    <script src="./node_modules/gentelella/build/js/custom.js" defer></script>
    <script src="./node_modules/gentelella/vendors/select2/dist/js/select2.min.js" defer></script>
    <script src="./dist/js/vendor.js" defer></script>
    <script src="./dist/common/loadPage.js" defer></script>
    <script src="./dist/js/index.js" defer></script>
    <script data-main="/dist/common/requireConfig.js" src="./node_modules/requirejs/require.js" defer></script>
</body>

</html>